﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FamousNarrativePaperList.aspx.cs" Inherits="App.FamousRegion_FamousNarrativePaperList" %>

<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
<%@ Register Src="~/UserControl/Top.ascx" TagPrefix="UC" TagName="top" %>
<%@ Register Src="~/UserControl/Footer.ascx" TagPrefix="UC" TagName="footer" %>
<%@ Register Src="~/UserControl/lunboPic.ascx" TagPrefix="UC" TagName="lb" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>上善若水 --不言、无为、自强不息</title>
    <link type="text/css" href="../Styles/layout.css" rel="Stylesheet" />
    <link type="text/css" href="../Styles/theme1.css" rel="Stylesheet" />
    <link type="text/css" href="../Styles/style.css" rel="Stylesheet" />
    <script type="text/javascript" src="../Scripts/carouFredSel-6.2.1/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="../Scripts/carouFredSel-6.2.1/jquery.carouFredSel-6.2.1.js"></script>

    <style>
    .shell2
    { 
    background:no-repeat 4px 5px; 
    border: 1px solid #aaa; 
    width: 260px; 
    padding: 3px 2px 2px 20px; 
    } 
    
    
    </style>

    <script>
        function scoll(id) {
            var box = document.getElementById(id);
            var can = true;
            box.innerHTML += box.innerHTML;
            box.onmouseover = function () { can = false };
            box.onmouseout = function () { can = true };
            new function () {
                var stop = box.scrollTop % 18 == 0 && !can;
                var t;
                if (!stop)
                    box.scrollTop == parseInt(box.scrollHeight / 2) ? box.scrollTop = 0 : box.scrollTop++;
                t = setTimeout(arguments.callee, box.scrollTop % 18 ? 10 : 1500);

            };
        }
        $(function () {
            //        scoll('div1');
            //        scoll('div2');
            //        scoll('div4');        
            //        scoll('div6');
            //        scoll('div7');



            $('#div1').carouFredSel({
                items: 12,
                direction: "up",
                scroll: {
                    items: 1,
                    easing: "elastic",
                    duration: 300,
                    pauseOnHover: true
                }
            });
            $('#div2').carouFredSel({
                items: 12,
                direction: "up",
                scroll: {
                    items: 1,
                    easing: "elastic",
                    duration: 300,
                    pauseOnHover: true
                }
            });
            $('#div4').carouFredSel({
                items: 12,
                direction: "up",
                scroll: {
                    items: 1,
                    easing: "elastic",
                    duration: 300,
                    pauseOnHover: true
                }
            });
            //        $('#ss').carouFredSel({
            //            prev: '#divNet_content', next: '#divFood_content', 
            //            circular: true,         // Determines whether the carousel should be circular.
            //            infinite: true,         // Determines whether the carousel should be infinite. Note: It is possible to create a non-circular, infinite carousel, but it is not possible to create a circular, non-infinite carousel.
            //            responsive: false,      // Determines whether the carousel should be responsive. If true, the items will be resized to fill the carousel.
            //            direction: "left",      // The direction to scroll the carousel. Possible values: "right", "left", "up" or "down".
            //            width: "250px",            // The width of the carousel. Can be null (width will be calculated), a number, "variable" (automatically resize the carousel when scrolling items with variable widths), "auto" (measure the widest item) or a percentage like "100%" (only applies on horizontal carousels)
            //            height: "250px",           // The height of the carousel. Can be null (width will be calculated), a number, "variable" (automatically resize the carousel when scrolling items with variable heights), "auto" (measure the tallest item) or a percentage like "100%" (only applies on vertical carousels)
            //            align: "center",        // Whether and how to align the items inside a fixed width/height. Possible values: "center", "left", "right" or false.
            //            padding: null,          // Padding around the carousel (top, right, bottom and left). For example: [10, 20, 30, 40] (top, right, bottom, left) or [0, 50] (top/bottom, left/right).
            //            synchronise: null,      // Selector and options for the carousel to synchronise: [string selector, boolean inheritOptions, boolean sameDirection, number deviation] For example: ["#foo2", true, true, 0]
            //            cookie: false,          // Determines whether the carousel should start at its last viewed position. The cookie is stored until the browser is closed. Can be a string to set a specific name for the cookie to prevent multiple carousels from using the same cookie.
            //            onCreate: null,
            //            scroll: {                
            //                easing: "elastic",
            //                duration: 3000,
            //                pauseOnHover: true
            //            }
            //                     // Function that will be called after the carousel has been created. Receives a map of all data.
            //        });
            $('#div6').carouFredSel({
                items: 3,
                direction: "up",
                scroll: {
                    items: 1,
                    easing: "elastic",
                    duration: 1000,
                    pauseOnHover: true
                }
            });
            $('#div7').carouFredSel({
                items: 3,
                direction: "up",
                scroll: {
                    items: 1,
                    easing: "elastic",
                    duration: 1000,
                    pauseOnHover: true
                }
            });

            setTimeout(controlFood, 10000);
            setTimeout(controlARSDiv, 5000);
        }
);
        //鼠标移过来的动作。显示当前图片，清除轮询。 
        function adchangea(adid) {
            dochange(adid);
            clearTimeout(adisround);
        }
        //自动轮询 
        function adchangea2(adid) {
            dochange(adid);
            var adbigimg = document.getElementById("adpica").getElementsByTagName("div");
            if ((adnext = adid + 1) > adbigimg.length) adnext = 1;
            adisround = setTimeout('adchangea2(' + adnext + ')', 3000);
        }
        //显示当前图片 
        function dochange(adid) {
            id = adid;
            var adbigimg = document.getElementById("adpica").getElementsByTagName("div");
            var adsmallimg = document.getElementById("adtipa").getElementsByTagName("li");
            for (var adi = 0; adi < adbigimg.length; adi++) {
                adbigimg[adi].className = "hidden";
                adsmallimg[adi].className = "";
            }
            adbigimg[adid - 1].className = "show";
            adsmallimg[adid - 1].className = "current";
        }
        var adisround = setTimeout("adchangea2(2)", 3000);
        var id; //当前激活id 
        //鼠标移开ul块时，恢复轮询 
        function change() {
            adchangea2(id);
        }
        var netFood;
        function controlFood() {
            if (!$('#divFood_content').is(":hidden"))
                showNetDiv();

            else
                showFoodDiv();

            netFood = setTimeout(controlFood, 10000);
        }
        function stopnetFood() {
            clearTimeout(netFood);
        }
        function showNetDiv() {

            $('#divNet_content').css("margin-left", "0px");
            $('#AliNet').css("background", "none repeat scroll 0 0 #12B5B0");
            $('#divFood_content').hide();
            //        $('#divNet_content').css("margin-top", "-225px");
            $('#AliFood').css("background", "none repeat scroll 0 0 rgb(163, 200, 253)");
        }
        function showFoodDiv() {
            //        $('#divNet_content').hide();
            $('#divNet_content').css("margin-left", "-290px");
            $('#AliNet').css("background", "none repeat scroll 0 0 rgb(163, 200, 253)");
            $('#divFood_content').show();
            //        $('#divFood_content').css("margin-top", "-225px");
            $('#AliFood').css("background", "none repeat scroll 0 0 #12B5B0");
        }
        var arsDiv;
        function controlARSDiv() {
            if (!$('#divAnnouncement_conent').is(":hidden")) {
                showSuggestionDiv();
            }
//            else if (!$('#divReward_content').is(":hidden")) {
//                showSuggestionDiv();
//            }
            else if (!$('#divSuggestion_content').is(":hidden")) {
                showAnnouncementDiv();
            }
            arsDiv = setTimeout(controlARSDiv, 5000);
        }
        function stoparsDiv() {
            clearTimeout(arsDiv);
        }
        function showAnnouncementDiv() {

            $('#divAnnouncement_conent').show();
            $('#AliAnnouncement').css("background", "")
            $('#AliAnnouncement').css("background", "none repeat scroll 0 0 #12B5B0");

//            $('#divReward_content').hide();
            $('#AliReward').css("background", "");
            $('#AliReward').css("background", "none repeat scroll 0 0 rgb(163, 200, 253)");

            $('#divSuggestion_content').hide();
            $('#AliSuggestion').css("background", "");
            $('#AliSuggestion').css("background", "none repeat scroll 0 0 rgb(163, 200, 253)");

        }

        function showRewardDiv() {

//            $('#divReward_content').show();
            $('#AliReward').css("background", "");
            $('#AliReward').css("background", "none repeat scroll 0 0 #12B5B0");

            $('#divAnnouncement_conent').hide();
            $('#AliAnnouncement').css("background", "");
            $('#AliAnnouncement').css("background", "none repeat scroll 0 0 rgb(163, 200, 253);");
            $('#divSuggestion_content').hide();
            $('#AliSuggestion').css("background", "");
            $('#AliSuggestion').css("background", "none repeat scroll 0 0 rgb(163, 200, 253)");
        }

        function showSuggestionDiv() {

            $('#divSuggestion_content').show();
            $('#AliSuggestion').css("background", "");
            $('#AliSuggestion').css("background", "none repeat scroll 0 0 #12B5B0");
            $('#divAnnouncement_conent').hide();
            $('#AliAnnouncement').css("background", "");
            $('#AliAnnouncement').css("background", "none repeat scroll 0 0 rgb(163, 200, 253);");
//            $('#divReward_content').hide();
            $('#AliReward').css("background", "");
            $('#AliReward').css("background", "none repeat scroll 0 0 rgb(163, 200, 253);");
        }
</script> 
</head>
<body>
    <form id="form1" runat="server">
    <div class="bjtu">
    </div>
    <!--背景图-->
    <div id="page">
        <div class="main">
            <!--导航-->
            <!--内容-->
            <div class="box">
                <!--cc-->
                <div class="cc">
                    <span class="ctl"></span><span class="ctr"></span>
                    <!--头部-->
                    <UC:top ID="top" runat="server" />
                    <!--categoryleft-->
                    <div class="categoryleft">
                        <UC:lb  ID="lunbo" runat="server"/>
                        <%-- 政策文件--%>
                        <div class="category_div margr5" style="margin-top: 35px; min-height: 350px; width: 98%; border: 1px solid rgb(222, 222, 222);">
                           <div style=" -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none; -moz-border-top-colors: none;border-color: rgb(222, 222, 222);border-image: none;
                                        border-style: solid;border-width: 1px 1px 2px;height: 28px;width: 100%; background-color: rgb(234, 239, 242);">个人事迹</div>
                            <div style="min-height: 320px;">
                                <ul style="padding-left: 4px;margin-bottom: 8px; margin-top: 8px;">
                                    <asp:Repeater ID="rptNarrativeList" runat="server" OnItemDataBound="rptNarrativeList_ItemDataBound">
                                        <ItemTemplate>
                                            <li style="background-position: 0 9px; background-repeat: no-repeat;line-height: 23px;padding-left: 13px;background-image: url('../images/arrow.gif');">
                                                    <a id="lb_Narrative" runat="server" target="_blank"></a>
                                                </li>
                                        </ItemTemplate>
                                        <FooterTemplate>
                                            <asp:Label ID="lblNoRecord" runat="server" Text="暂无记录!" Visible="false"></asp:Label>
                                        </FooterTemplate>
                                    </asp:Repeater>
                                </ul>
                            </div>
                            <ul class="twocc_page">
                                <webdiyer:AspNetPager ID="anpOrders" runat="server" FirstPageText="首页" LastPageText="末页"
                                    NextPageText="下页" SubmitButtonText="跳转" OnPageChanged="anpOrders_PageChanged"
                                    PrevPageText="上页" ShowInputBox="Always" PageSize="15" AlwaysShow="True">
                                </webdiyer:AspNetPager>
                            </ul>
                        </div>
                    </div>
                    <!--categoryleft-->
                    <!--categoryright-->
                    <div class="categoryright">
                        <div id="divRightWelcome">
                            <script type="text/javascript" src="../Player/ckplayer.js" charset="utf-8"></script>
                            <script type="text/javascript">
                                var flashvars = { f: '../Player/MyDream.flv', c: 0, b: 1, p: 0, e: 0 };
                                var params = { bgcolor: '#FFF', allowFullScreen: true, allowScriptAccess: 'always' };
                                CKobject.embedSWF('../Player/ckplayer.swf', 'divRightWelcome', 'ckplayer_a1', '290', '230', flashvars, params);
                                /* CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略); 下面三行是调用html5播放器用到的 */
                                var video = ['../Player/MyDream.flv-&gt;flv-application/octet-stream'];
                                var support = ['iPad', 'iPhone', 'ios', 'android+false', 'msie10+false', 'webKit'];
                                CKobject.embedHTML5('video', 'ckplayer_a1', 600, 400, video, flashvars, support); 
                            </script>
                        </div>
                        <div class="forum_div" style="margin-top: 23px;">
                            <div class="forum_title">
                                <ul id="tags">
                                    <li id="liAnnouncement" onclick="stoparsDiv();showAnnouncementDiv()"><a id="AliAnnouncement"
                                        style="background: none repeat scroll 0 0 #12B5B0">通知</a> </li>
                                    <%--<li id="liReward" onclick="stoparsDiv();showRewardDiv()"><a id="AliReward">规则与奖励</a>
                                    </li>--%>
                                    <li id="liSuggestion" onclick="stoparsDiv();showSuggestionDiv()"><a id="AliSuggestion">
                                        意见箱</a> </li>
                                </ul>
                            </div>
                            <div class="forum_info">
                                <div id="divAnnouncement_conent" runat="server" class="shell2" style="overflow-y: auto;
                                    overflow-x: hidden; height: 215px;">
                                    <div style=" display:flex;">网站公告，请<a href="http://www.shangshanruoshui.cc/BBS/ThreadInfo.aspx?tId=B9B50B9AFCED1D737EF60489CAC78BFE67EF04554EC5E4EF"><span style="color:Red;">猛戳这里</span></a>查看</div>
                                </div>
                               <%-- <div id="divReward_content" runat="server" class="shell2" style="overflow-y: auto;
                                    overflow-x: hidden; height: 215px; display: none;">
                                    奖励内容
                                </div>--%>
                                <div id="divSuggestion_content" runat="server" class="shell2" style="overflow-y: auto;
                                    overflow-x: hidden; height: 215px; display: none;">
                                    <div style=" display:flex;">大家有什么意见，请<a href="http://www.shangshanruoshui.cc/BBS/ThreadInfo.aspx?tId=6547FF5FDEFEE06FD410E406EDE3249A335DB90CE42491B7"><span style="color:Red;">猛戳这里</span></a></div>
                                </div>
                            </div>
                        </div>
                        <!--categoryright-->
                        <!--版权-->
                        <!--版权-->
                        <span class="cbl"></span><span class="cbr"></span>
                    </div>
                    <UC:footer ID="footer" runat="server" />
                    <%-- <div class="footer">
                        <a href="mailTo:123@123.COM">联系我们</a>|
                       <a id="pp" target="_blank" runat="server">隐私声明</a>|
                      <a id="tc" target="_blank" runat="server">条款与条件</a>| 
                      <a id="help" target="_blank" runat="server">帮助</a>
                     </div>--%>
                    <!--cc-->
                    <span class="cbl"></span><span class="cbr"></span>
                    <asp:HiddenField ID="hf_categoryId" runat="server" />
                </div>
            </div>
            <span class="bl"></span>
            <div class="bc">
            </div>
            <span class="br"></span>
            <!--box-->
        </div>
        <!--main-->
    </div>
    </form>
</body>
</html>
